<link rel="stylesheet" href="<?php echo base_url() ?>assets/css/animate.css" > <!-- Page Style -->
<link rel="stylesheet" href="<?php echo base_url() ?>assets/css/application/home.css" > <!-- Page Style -->

<script type="text/javascript" src="<?php echo base_url() ?>assets/js/wow.min.js"></script>
<script type="text/javascript" src="<?php echo base_url() ?>assets/js/jquery.parallax.js"></script>

<div class="banner full-page">
	<div class="parallax">
		<div class="layer map" data-depth="0.10"></div>
		<div class="layer cloud" data-depth="0.50"></div>
	</div>
	<div class="page-title">
		<div class="wrapper">
			<h1 class="wow zoomInDown" data-wow-delay="0.5s">học lịch sử</h1>
		</div> <!-- wrapper -->
	</div>
	<div class="slogan">
		<p class="wow bounceInUp" data-wow-delay="1.2s" data-wow-duration="1.2s">
			<!-- "Dân ta phải biết sử ta <br> Cho tường gốc tích nước nhà Việt Nam" -->
			Các Vua Hùng đã có công dựng nước, Bác cháu ta phải cùng nhau giữ lấy nước
		</p>
	</div>
	<div class="drumm">
		<img src="<?php echo base_url() ?>assets/images/trongdongfull.png" alt="">
	</div>
	<div class="features">
		<div class="ftr red wow rollIn" data-wow-delay="3s">
			<div class="icon">
				<img src="<?php echo base_url() ?>assets/images/map-video.png" alt="">
			</div>
			<p class="intro">
				Tạo nguồn cảm hứng cho học sinh thông qua tư liệu bản đồ, hình ảnh, video.
			</p>
			<img class="line wow fadeIn" src="<?php echo base_url() ?>assets/images/line-red.png" alt=""
				data-wow-delay="4s">
		</div>

		<div class="ftr green wow zoomInRight" data-wow-delay="3s">
			<div class="icon">
				<img src="<?php echo base_url() ?>assets/images/book.png" alt="">
			</div>
			<p class="intro">
				Tạo góc nhìn trực quan về thời gian và không gian.
			</p>
			<img class="line wow fadeIn" src="<?php echo base_url() ?>assets/images/line-green.png" alt=""
				data-wow-delay="4s">
		</div>

		<div class="ftr blue wow bounceInDown" data-wow-delay="2.8s">
			<div class="icon">
				<img src="<?php echo base_url() ?>assets/images/msg-icon.png" alt="">
			</div>
			<p class="intro">
				Giúp nắm bắt được các nội dung cơ bản SGK, các gói câu hỏi và gợi ý trả lời.
			</p>
			<img class="line wow fadeIn" src="<?php echo base_url() ?>assets/images/line-blue.png" alt=""
				data-wow-delay="4s">
		</div>
	</div>

	<div class="scroll-guider">
		<i class="fa fa-3x fa-chevron-down"></i>
	</div>
</div>


<div class="level-root full-page select-class">
	<h1 class="text-center page-title">KIẾN THỨC TRUNG HỌC CƠ SỞ</h1>
	<div class="wrapper">
		<ul class="classes">
			<li class="wow fadeIn" ng-repeat="class in classes" data-wow-delay="0.5s">
				<a href="#/class/{{class._id.$id}}">
					<img src="<?php echo base_url() ?>assets/images/cover-class-{{class.class}}.jpg" alt="">
					<p>Lớp {{class.class}}</p>
				</a>	
			</li>
		</ul>
	</div>

	<div class="scroll-guider">
		<i class="fa fa-3x fa-chevron-down"></i>
		<i class="fa fa-3x fa-chevron-up"></i>	
	</div>
</div>

<div class="level-root timeline full-page">
	<div class="backg">
		<img src="<?php echo base_url() ?>assets/images/jeanmaps.jpg" alt="">
	</div>
	<h1 class="text-center page-title">THỜI GIAN VÀ SỰ KIỆN</h1>
	<div class="wrapper">
		<div class="panel-2col wow zoomInLeft" data-wow-delay="0.5s">
			<a href="#/timeline/vn" class="cat-type-button vn"></a>
		</div>

		<div class="panel-2col wow zoomInRight" data-wow-delay="0.5s">
			<a href="#/timeline/wo" class="cat-type-button wo"></a>
		</div>
	</div>

	<div class="scroll-guider">
		<i class="fa fa-3x fa-chevron-down"></i>
		<i class="fa fa-3x fa-chevron-up"></i>
	</div>
</div>

<div class="level-root full-page">
	<h1 class="text-center page-title">TRA CỨU DANH MỤC</h1>
	<div class="wrapper">
		<div class="panel-2col cat-link wow bounceInRight" data-wow-delay="0.5s">
			<a href="#/category/vn" class="cat-type-button vn"></a>
		</div>

		<div class="panel-2col cat-link wow bounceInLeft" data-wow-delay="0.5s">
			<a href="#/category/wo" class="cat-type-button wo"></a>
		</div>
	</div>

	<div class="scroll-guider">
		<i class="fa fa-3x fa-chevron-down"></i>
		<i class="fa fa-3x fa-chevron-up"></i>
	</div>
</div>

<div class=" level-root searching full-page" style="background: #4ECDC4">
	<div class="wrapper container">
		<h1 class="text-center">TÌM KIẾM BÀI HỌC</h1>

		<div class="col-sm-12">
		<form action="" role="form" ng-submit="$parent.getSearch()">
			<div class="row">
				<div class="input-group input-group-lg">
					<input type="text" ng-model="$parent.headSearch" class="form-control" placeholder="Nhập từ khóa hoặc nội dung tìm kiếm">
					<span class="input-group-btn">
						<button class="btn btn-default" type="submit">
							<span class="glyphicon glyphicon-search"></span>
						</button>
					</span>
				</div>
			</div>
		</form>
		</div>

		<div class="col-sm-12 result">
			<div class="col-md-3 col-sm-6 lesson-item" ng-repeat="ls in lsResult">
				<div class="lesson-item-content">
					<a href="#/lesson/{{ls._id}}">{{ls.title}}</a>
				</div>
			</div>
		</div>
	</div>

	<div class="scroll-guider">
		<!-- <i class="fa fa-3x fa-chevron-down"></i> -->
		<i class="fa fa-3x fa-chevron-up"></i>
	</div>
</div>
<script>
	// construct();
</script>